<template>
   <h2>我是About的内容</h2>
</template>

<script>
import {onMounted, onBeforeUnmount} from 'vue'
export default {
    name: 'About',
    setup() {
        onMounted(()=>{
            console.log('About组件挂载完毕了')
        })
        onBeforeUnmount(()=>{
            console.log('About组件即将被销毁')
        })
    },
    //通过路由规则，进入该组件时被调用
    beforeRouteEnter(to, from ,next){
        if(to.meta.isAuth){//判断是否需要鉴权
            if(localStorage.getItem('person') === 'aurora'){
                next()
            }else{
                alert('人员信息错误，无权限查看')
            }
        }else{
            next()
        }
    },
    //通过路由规则，离开该组件时被调用
    beforeRouteLeave(){
        next()
    }
}
</script>

<style>

</style>